
//初始化单页view
var viewApi = mui('#app').view({
    defaultPage: '#setting'
});
//初始化单页的区域滚动
mui('#setting .mui-scroll-wrapper').scroll();
//初始化单页的区域滚动
mui('.mui-scroll-wrapper').scroll();
var view = viewApi.view;
(function($) {
    //处理view的后退与webview后退
    var oldBack = $.back;
    $.back = function() {
        if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
            viewApi.back();
        } else { //执行webview后退
            oldBack();
        }
    };
    //监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
    //第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
    view.addEventListener('pageBeforeShow', function(e) {
        var pageId = e.detail.page.id;
        console.log(pageId+ ' beforeShow');
        if(pageId=='setting'){
            vmSgc.isShow = true;
        }
    });
    view.addEventListener('pageShow', function(e) {
        var pageId = e.detail.page.id;
        // console.log(e.detail.page.id + ' show');
        // mui('#setting .mui-scroll-wrapper').scrollTo(0,0,100);

    });
    view.addEventListener('pageBeforeBack', function(e) {
        //console.log(e.detail.page.id + ' beforeBack');
    });
    view.addEventListener('pageBack', function(e) {
        //console.log(e.detail.page.id + ' back');
    });
})(mui);


// tab标签
var vmSgc = new Vue({
    el: '#segmentedControlbox',
    data: {
        isShow:true
    },
    methods:{

    }
});

// 详情列表
var vmDetail = new Vue({
    el: '#detail',
    data: {
        detail:{},
    },
    methods:{

    }
});

var listgg = [
    {title:'1信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'2信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'3信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'4信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'5信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'6信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'7信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'8信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'9信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'10信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'11信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'12信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'13信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'14信息化推进办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
]

var listtx = [
    {title:'20提醒办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'21提醒办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'22提醒办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'23提醒办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
]

var listdh = [
    {title:'20订货办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'21订货办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'22订货办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'23订货办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
]

var listsm = [
    {title:'30实名办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'31实名办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'32实名办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'33实名办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
    {title:'33实名办公化信息化推进办公化',time:'2019-07-15 12:25:12',desc:'Hi，李ih iq ，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，'},
]

// 信息列表
var vmMess = new Vue({
    el: '#message',
    data: {
        listgg:[],
        listtx:[],
        listdh:[],
        listsm:[],
    },
    methods:{
        change(item){
            // 隐藏tab标签
            vmSgc.isShow = false;
            // 给详情赋值
            vmDetail.detail = item;
        }
    }
});

mui.ready(function () {
    // 加载数据
    setTimeout(()=>{
        vmMess.listgg = listgg;
    },500)
    
    mui("#segmentedControl").on("tap","a",function () {
        var tag = this.getAttribute('tag');
        console.log('tag',tag)
        if(tag=="1"){
            vmMess.listtx = listtx;
        }else if(tag=="2"){
            vmMess.listdh = listdh;
        }else if(tag=="3"){
            vmMess.listsm = listsm;
        }
        // mui.alert(tag)
    })
})